import React from 'react';
import styles from './index.less';

var attr = [
  {
    img: require('../img/icon1.png'),
    title: '农业产业全链路数字化解决方案',
    describe:
      '面向区域政府、现代农业园区、规模化农场、养殖场等主体的业务需求，整合IoT、大数据、云计算、微服务等能力，提供全链路数字化解决方案，实现数智化生产，提升数据化运营能力，帮助政府洞察农业产业发展，实现产业数字化服务和乡村智治；助力园区、农场生产经营的电子化、数字化，推动现代农业创新发展。',
    path: 'agriculture',
  },
  {
    img: require('../img/icon2.png'),
    title: '智慧政务大数据解决方案',
    describe:
      `面向政府管理、政府决策、公共服务、平安城市、信息服务五个业务范畴，深度应用大数据、IOT、云计算、AI多种能力，以前端一体化、流程一体化、监管一体化、数据资源一体化的设计理念，建设一体化智能化公共数据平台，实现多部委，全方位数据共享，提高决策的科学性和精准性、预测预警能力以及应急响应能力，节约决策的成本；实现立体化、多层次、全方位的电子政务公共服务体系；实现统一协调的管理信息整合，发挥城市网格化管理效用，达到最大程度的共享应用，以提升城市和社区的服务质量、提高服务能力，
      使城市管理工作和社区服务水平迈上更高的台阶。`,
    path: 'government',
  },
  {
    img: require('../img/icon3.png'),
    title: '新零售大数据解决方案',
    describe:
      `为企业提供全链路的数据采集及数据应用的解决方案。基于云能力和双中台体系打通线上线下全渠道数据和营销业务，同时连通需求侧与供给侧，帮助企业多渠道打通商品、会员、库存等各类数据，并统一线上线下营销活动，其对用户进行精准营销、个性化推荐服务，提升用户的转化和复购，提升企业运作效率，实现全渠道的智能营销、精准营销。`,
    path: 'retail',
  },
];

export default class extends React.Component {
  render() {
    return (
      <div className={styles.cards}>
        {attr.map((item,i) => {
          return (
            <div className={styles.card}>
              <img src={item.img} className={styles.img} />
              <div className={styles.right}>
                <div className={styles.text1}>{item.title}</div>
                <div className={styles.text2}>{item.describe}</div>
                {/* `/solution/solutionKind?type=${item.imgType}` */}
                <a className={styles.text3} target="_blank" href={`/solution/solutionKind?type=${item.path}`}>了解更多 <img className={styles.arror}  src={require("../img/arrow.png")}/></a>
              </div>
            </div>
          );
        })}
      </div>
    );
  }
}
